<!--<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet">-->
<!--<link rel="stylesheet"
      href="https://unpkg.com/bootstrap@3.3.7/dist/css/bootstrap.min.css">-->
<link  href="../../images/bootstrap.min.css" rel="stylesheet">

<div class="all">

  <div  class="contents">
    <h3>用户登录</h3>


    <form #loginForm="ngForm"  (ngSubmit)="loginsystem()">
      <span><md-icon mdSuffix class="icom">account_circle</md-icon></span>
      <div class="form-group">

        <label for="username">  用户名：</label>
        <span class="input_icon">
        <input type="text" class="form-control" id="username" required  [(ngModel)]="username"  placeholder="请输入用户名"  name="username"  >
        </span>
        <!--<div [hidden]=" name.valid|| name.pristine" >必须填写东西</div>-->
      </div>
      <span><md-icon mdSuffix class="icom">lock</md-icon></span>
      <div class="form-group">

        <label for="password">密 &nbsp; 码：</label>
        <span class="input_icon">
        <input type="password" class="form-control" id="password" required [(ngModel)]="password" placeholder="请输入密码" name="password"  >
        </span>
 <!--       <div [hidden]="password.valid|| password.pristine" class="alert alert-danger">必须填写东西</div>-->

      </div >


      <div class="buts">
      <button type="submit" class="btn btn-success" [disabled]="!loginForm.form.valid"> 登录 </button>
      <button type="button"  class="btn btn-default" (click)="clearlogin()" > 重置 </button>
      </div>
    </form>

</div>
</div>
